<template>
    <el-container class='main'>
        <el-header>
            <Header class="header"></Header>
        </el-header>
        <el-main><router-view></router-view></el-main>
    </el-container>
</template>

<script>
import Header from '@/components/Header.vue';
export default {
    name: 'main-page',
    components: {
        Header
    },
    data() {
        return {
        }
    }
}
</script>

<style scoped lang='less'>
.main {
    width: 1200px;
    margin: 0 auto;

    .el-main {
        background-color: #fff;
        height: calc(100vh - 80px);
        border-radius: 10px;
    }
}
</style>